<div
  *ngIf="
    !(isLoading$ | async) && (locations$ | async) as locations;
    else loading
  "
>
  <cx-store-finder-list [locations]="locations"></cx-store-finder-list>
  <div *ngIf="locations?.stores">
    <div class="cx-store-finder-search-result__pagination">
      <cx-pagination
        [pagination]="locations.pagination"
        (viewPageEvent)="viewPage($event)"
      ></cx-pagination>
    </div>
  </div>
</div>
<ng-template #loading>
  <div class="cx-store-finder-search-result__spinner">
    <cx-spinner></cx-spinner>
  </div>
</ng-template>
